<template>
    <div>
        <div class="errorPicture">
            <img src="../assets/error.png">
        </div>
        <div class="errorWord">
            {{errorData}}
        </div>
        <div>{{why}}</div>
        <div @click="goHome">
            <MyButton :ButtonNext="ButtonNext"></MyButton>
        </div>
    </div>
</template>

<script>
    import MyButton from '@/components/MyButton.vue'
    import router from '@/router'

    export default {
        name: "error",
        components: {
            MyButton
        },
        data() {
            return {
                ButtonNext: "重新申请",
                errorData:'审核失败,请重新提交',
                why:"原因如下"
            }
        },
        methods: {
            goHome() {
                router.push('home')
            }
        }
    }
</script>

<style scoped>
    .errorPicture {
        margin-top: 40px;
    }

    .errorWord {
        margin-top: 40px
    }
</style>